<!DOCTYPE html>
<style>
div {
  /* Not using will-change:transform because it ignores subpixel accumulation. */ 
  will-change: opacity;
  height: 50.2px;
  border: 1px solid black;
  margin-top: 2px;
}
#first {
  background-color: yellow;
  margin-top: 100.3px;
}
</style>
<div id="first"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script src="../resources/text-based-repaint.js"></script>
<script>
// Disable under-invalidation checking which would force full layer
// invalidation on subpixel accumulation change.
if (window.internals)
  internals.runtimeFlags.paintUnderInvalidationCheckingEnabled = false;
function repaintTest() {
  first.style.marginTop = '110.1px';
}
onload = runRepaintAndPixelTest;
</script>
